.root{
  height: 100vh;
  overflow-y: scroll;
  background: #eee;
}
.hero-container{
  width: 1000px;
  margin: 30px auto;
  overflow: hidden;
  background: white;
  padding: 20px;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

hr{
  margin: 15px 0;
}

.hero-container .hero-list{
  margin: 0 -10px;
}

.hero-container .item{
  width: 10%;
  float: left;
  padding: 0 10px;
}

.item img{
  width: 100%;
}

.item p {
  font-size: 14px;
  text-align: center;
  padding-top: 6px;
}

.center{
  text-align:center
}